//对于axios函数库进行二次封装
//目的1：利用axios请求、响应拦截器功能
//目的2：请求拦截器一般可以在请求头中携带公共参数：token
//目的3：相应拦截器可以简化服务器返回的数据，处理http网络错误
import axios, { AxiosResponse, AxiosError } from "axios";
import { ElMessage } from "element-plus";
// 利用axios.create方法创建一个axios实例：可以设置基础路径、超时的时间错误
const request = axios.create({
  baseURL: "/api", // 请求的基础路径的设置
  timeout: 10000, // 超过的时间这只，超出5秒就是请求失败
});

// 请求拦截器
request.interceptors.request.use((config) => {
  // config: 请求拦截器回调注入对象(配置对象)，配置对象的身上最终要的一件事情：headers属性
  // 可以通过请求头携带公共参数-token
  return config;
});

// 响应拦截器
request.interceptors.response.use(
  (response: AxiosResponse) => {
    // 响应拦截器成功的回调，一般会进行简化数据
    return response.data;
  },
  (error: AxiosError) => {
    // 处理http网络错误
    let status = error.response?.status;
    switch (status) {
      case 404:
        //错误提示信息
        ElMessage({
          type: "error",
          message:error.message + ":请求失败，路径出现问题",
        });
        break;
      case 500 | 501 | 502 | 503 | 504 | 505:
        //错误提示信息
        ElMessage({
          type: "error",
          message: "服务器挂了...",
        });
        break;
        case 401:
            //错误提示信息
            ElMessage({
              type: "error",
              message: "参数有误",
            });
            break;
    }
    return Promise.reject(new Error(error.message));
  }
);
//务必对外暴露axios
export default request;
